<!DOCTYPE html>
<!--证券信息-->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>证券信息设置</title>

    <!--layui的CSS样式-->
    <link type="text/css" rel="stylesheet" href="../lib/layuimini/lib/layui-v2.5.5/css/layui.css"/>
    <!--layui的js-->
    <script src="../lib/layuimini/lib/layui-v2.5.5/layui.js"></script>
    <script src="../lib/layuimini/js/lay-config.js"></script>
    <!--自己js的路径-->
    <script type="text/javascript" src="./js/Security.js"></script>


</head>

<script type="text/html" id="toolEventDemo">
    <a class="layui-btn layui-btn-xs" style="background-color: #1E9FFF" lay-event="edit"><i
            class="layui-icon">&#xe642;</i>编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i
            class="layui-icon">&#xe640;</i>删除</a>
</script>



<body>



<!--表格元素 lay-filter 通过这个属性来筛选绑定的表格-->
<table id="mytable" lay-filter="mytable"></table>

<!--上方工具条-->
<!--lay-event 是跟js的Switch case 后的名字一样的-->
<script type="text/html" id="userToolBar">
    <div style="float:right">
        <button class="layui-btn layui-btn-normal layui-btn layui-btn-sm" lay-event="add">
            <i class="layui-icon">&#xe654;</i>添加数据
        </button>
        <button class="layui-btn layui-btn-primary layui-btn layui-btn-sm" lay-event="deleteAll" style="color: #FF0000">
            <i class="layui-icon">&#xe640;</i>批量删除
        </button>
    </div>


    <!--  form表单  -->
    <form class="layui-form layui-col-space5">
        <!--   采用证券的编号，交易所名称，证券的类型来进行模糊查询-->
<!--证券编号    securityId-->
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">证券编号</label>
        </div>
        <div class="layui-inline layui-show-xs-block">
            <input class="layui-input" autocomplete="off" placeholder="请输入证券编号" name="securityId" id="security_id">
        </div>
<!--交易所名称   exchangeName-->
        <div class="layui-inline layui-show-xs-block">
        <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">交易所名称</label>
        </div>
        <div class="layui-inline layui-show-xs-block">
            <select name="exchangeName" id="exchange_name" autocomplete="off" class="layui-input">
                <option value="0">请选择</option>
                <option value="2">上交所</option>
                <option value="1">深交所</option>
            </select>
        </div>
<!--证券的类型   securityType-->
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">证券的类型</label>
        </div>
        <div class="layui-inline layui-show-xs-block">
            <select name="securityType" id="security_type" autocomplete="off" class="layui-input">
                <option value="0">请选择</option>
                <option value="1">股票</option>
                <option value="2">债券</option>
            </select>
        </div>
        <!-- 模糊查询的按钮  -->
        <!-- type="button 这个是为了不让layui提交两次-->
        <div class="layui-inline layui-show-xs-block">
            <button class="layui-btn layui-btn-normal" lay-submit="" lay-event="search"
                    lay-filter="sreach" type="button"><i class="layui-icon">&#xe615;</i>搜索
            </button>
        </div>
    </form>
</script>


<!--新增证券的窗口网页，删除，修改，一个模块就一个新的窗口网页好些，不需要通用-->
<div id="addSecurity" style="width:100%;display: none;text-align: center">
    <form id="addForm" class="layui-form layui-form-pane" style="display: inline-block" action="">
<br>
        <div class="layui-form-item" >
<!--    style="position: relative;left: 120px"        -->
<!--证券编号    securityId-->
            <label class="layui-form-label layui-bg-gray">证券编号</label>
            <div class="layui-input-inline">
                <!-- lay-verify  表单验证 required 必填-->
                <input type="text" name="securityId" lay-verify="required|securityId"
                       placeholder="请输入证券编号" autocomplete="off" class="layui-input">
            </div>
<!--证券名称    securityName-->
            <label class="layui-form-label  layui-bg-gray">证券名称</label>
            <div class="layui-input-inline">
                <input type="text" name="securityName" lay-verify="required|securityName"
                       placeholder="请输入证券名称" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
<!--发行日期    releaseDate-->
            <label class="layui-form-label  layui-bg-gray">发行日期</label>
            <div class="layui-input-inline">
                <!-- lay-verify  表单验证 required 必填-->
                <input type="date" name="releaseDate" lay-verify="required" autocomplete="off" class="layui-input">
            </div>
<!--延迟日期    delayDate-->
            <label class="layui-form-label  layui-bg-gray">延迟日期</label>
            <div class="layui-input-inline">
                <select name="delayDate"  lay-verify="required" autocomplete="off" class="layui-input">
                    <option name="delayDate" value="1">T+1</option>
                    <option name="delayDate" value="2">T+2</option>
                    <option name="delayDate" value="3">T+3</option>
                    <option name="delayDate" value="4">T+4</option>
                </select>
            </div>
        </div>

        <div class="layui-form-item">
<!--证券类型    securityType-->
            <label class="layui-form-label  layui-bg-gray">证券类型</label>
            <div class="layui-input-inline">
                <select name="securityType" lay-verify="required" autocomplete="off" class="layui-input">
                    <option>请选择</option>
                    <option name="securityType" value="1">股票</option>
                    <option name="securityType" value="2">债券</option>
                </select>
            </div>
<!--交易所     exchangeName-->
            <label class="layui-form-label  layui-bg-gray">交易所</label>
            <div class="layui-input-inline">
                <select name="exchangeName" lay-verify="required" autocomplete="off" class="layui-input">
                    <option>请选择</option>
                    <option name="exchangeName" value="2">上交所</option>
                    <option name="exchangeName" value="1">深交所</option>
                </select>
            </div>
        </div>

        <div class="layui-form-item">
<!--股票板块分类     plateId-->
            <label class="layui-form-label  layui-bg-gray">股票板块</label>
            <div class="layui-input-inline">
                <input id="selectOption" type="text" name="plateId" lay-verify="required"
                       autocomplete="off" class="layui-input">
            </div>
<!--备注     Remark-->
            <label class="layui-form-label  layui-bg-gray">备注</label>
            <div class="layui-input-inline">
                <input type="text" name="Remark" autocomplete="off" class="layui-input">
            </div>
        </div>

<!--     style="width:80%;margin-left: 10%; position: relative;left: 280px"    -->
        <br><br>
        <div class="layui-form-item">
            <button class="layui-btn"  style="background-color: #1E9FFF" lay-submit="" lay-filter="addSecurity">
                <i class="layui-icon">&#x1005;</i>添加
            </button>
            <button class="layui-btn layui-btn-primary" type="button" style="color: #FF0000" onclick="quxiao1()">
                <i class="layui-icon">&#x1006;</i>取消
            </button>
        </div>
    </form>
</div>



<!--修改证券的窗口网页，删除，修改，一个模块就一个新的窗口网页好些，不需要通用-->
<div id="upSecurity" style="width:100%;display: none;text-align: center">
    <form id="updateForm" class="layui-form layui-form-pane" lay-filter="updateForm" action="">
        <br>
        <div class="layui-form-item">
            <!--证券编号    securityId-->
            <label class="layui-form-label layui-bg-gray">证券编号</label>
            <div class="layui-input-inline">
                <!-- lay-verify  表单验证 required 必填-->
                <input type="text" name="securityId" lay-verify="required|securityId"
                       placeholder="请输入证券编号" autocomplete="off" class="layui-input">
            </div>
            <!--证券名称    securityName-->
            <label class="layui-form-label  layui-bg-gray">证券名称</label>
            <div class="layui-input-inline">
                <input type="text" name="securityName" lay-verify="required|securityName"
                       placeholder="请输入证券名称" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <!--发行日期    releaseDate-->
            <label class="layui-form-label  layui-bg-gray">发行日期</label>
            <div class="layui-input-inline">
                <!-- lay-verify  表单验证 required 必填-->
                <input type="date" name="releaseDate" lay-verify="required" autocomplete="off" class="layui-input">
            </div>
            <!--延迟日期    delayDate-->
            <label class="layui-form-label  layui-bg-gray">延迟日期</label>
            <div class="layui-input-inline">
                <select name="delayDate"  lay-verify="required" autocomplete="off" class="layui-input">
                    <option value="1">T+1</option>
                    <option value="2">T+2</option>
                    <option value="3">T+3</option>
                    <option value="4">T+4</option>
                </select>
            </div>
        </div>

        <div class="layui-form-item">
            <!--证券类型    securityType-->
            <label class="layui-form-label  layui-bg-gray">证券类型</label>
            <div class="layui-input-inline">
                <select name="securityType" lay-verify="required" autocomplete="off" class="layui-input">
                    <option>请选择</option>
                    <option value="1">股票</option>
                    <option value="2">债券</option>
                </select>
            </div>
            <!--交易所     exchangeName-->
            <label class="layui-form-label  layui-bg-gray">交易所</label>
            <div class="layui-input-inline">
                <select name="exchangeName" lay-verify="required" autocomplete="off" class="layui-input">
                    <option>请选择</option>
                    <option value="2">上交所</option>
                    <option value="1">深交所</option>
                </select>
            </div>
        </div>

        <div class="layui-form-item">
            <!--股票板块分类     plateId-->
            <label class="layui-form-label  layui-bg-gray">股票板块</label>
            <div class="layui-input-inline">
                <input type="text" name="plateId" lay-verify="required" autocomplete="off" class="layui-input">
            </div>
            <!--备注     Remark-->
            <label class="layui-form-label  layui-bg-gray">备注</label>
            <div class="layui-input-inline">
                <input type="text" name="Remark" autocomplete="off" class="layui-input">
            </div>
        </div>

        <br><br>
        <div class="layui-form-item">
            <!--            lay-filter="updateSysUser" 这里跟js里form.on submit()里的名字一样-->
            <button class="layui-btn" style="background-color: #1E9FFF" lay-submit="" lay-filter="upSecurity" >
                <i class="layui-icon">&#x1005;</i>修改
            </button>
            <button class="layui-btn layui-btn-primary" type="button" style="color: #FF0000" onclick="quxiao1()">
                <i class="layui-icon">&#x1006;</i>取消
            </button>
        </div>
    </form>
</div>


</body>
</html>